<template>
    <div class="w-full  border-sky-300">
        <!-- <blockquote class="p-2 ml-0 border border-sky-400 bg-gray-200">
            <p class="text-xl font-medium  text-gray-900 ">
                {{ content }}
            </p>
        </blockquote> -->
        <blockquote
            class="p-4 ml-0  mr-0 border-l-4 border border-gray-300 bg-gray-50 dark:border-gray-500 dark:bg-gray-800">
            <p class="text-xl  font-medium leading-relaxed text-gray-900 dark:text-white">
                {{ content }}
            </p>
        </blockquote>
    </div>
</template>
 
<script setup>
const props = defineProps({
    color: {
        type: String,
    },
    content: {
        type: String,
        default: ''
    }
});

</script> 
 
<style scoped>
.border {
    border-left: 4px solid #3490dc;
}
</style>